<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right" class="bread">
      <el-breadcrumb-item :to="{ path: '/home' }" class="text"
        >首页</el-breadcrumb-item
      ><el-breadcrumb-item class="text">{{
        $route.meta.title
      }}</el-breadcrumb-item>
      <el-breadcrumb-item class="text">{{
        $route.meta.text
      }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.bread {
  background-image: linear-gradient(
    120deg,
    rgb(253, 160, 133) 0%,
    rgb(246, 211, 101) 100%
  );
  height: 40px;
  padding: 13px;
}
.text {
  color: #fff;
}
</style>
